<template>
    <div class="titleHeader" :style="{color: color}">
        <div>{{ title }}</div>
        <hr class="line" :style="{background: color}" />
        <div>{{ alias }}</div>
    </div>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: ""
        },
        alias: {
            type: String,
            default: ""
        },
        color: {
            type: String,
            default: "#FFF"
        }
    },
    data () {
        return {}
    }
}
</script>

<style scoped lang="less">
.titleHeader {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 26px;
    div {
        font-size: 32px;
        // color: #345;
        font-weight: 700;
    }
    .line {
        width: 200px;
        height: 3px;
        margin: 10px auto;
        // background: #345;
        // background: #F4D03F;
        border: none;
    }
}

</style>